import React, {Component} from 'react';

import Navigation from '../components/Navigation';
// import Buttom from '../components/Buttom';
import LeftDrawer from '../components/LeftDrawer';

class Homepage extends Component {
  constructor(props) {
    super(props);
    this.state = {
      leftPop : false
    };
  }

  onNativeLeftButtonClick(e, obj){
    this.refs.leftDrawer.handleToggle();
  };

  render() {
    return (
      <div>
        <LeftDrawer drawerOpen={this.state.leftPop} ref="leftDrawer" ></LeftDrawer>
        <Navigation onLeftButtonClick={this.onNativeLeftButtonClick.bind(this)} />
        <div style={{ "minHeight": "200px" }} >
          Welcome to Water Point Investigation System
        </div>
      </div>
    );
  }
}

export default Homepage;